<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <script type="text/javascript" src="../public/cdn/axios/1.0.0/axios.min.js"></script>
    </head>

    <script>
        // 添加请求拦截器
        /*需要拦截请求的原因
         *   1.config中包含了某些不符合服务器要求的信息
         *   2.发送网络请求的时候需要向用户展示一些加载中的图标
         *   3.网站需要登录才能请求资源，也就是需要token才能请求资源*/
        axios.interceptors.request.use(config => {
            // 在发送请求之前做些什么
            console.log("对请求信息做拦截", config)
            config.headers.token = '123';  // 页面上看到请求头变成Token了
            return config; //拦截器里一定要记得将拦截的结果处理后返回，否则无法进行数据获取
        }, err => {
            // 对请求错误做些什么
            console.log("请求异常", err)
            return Promise.reject(err)  // 这个注释掉了catch也能捕获异常，不知道写这行的意义
        });
        // 添加响应拦截器
        axios.interceptors.response.use(res => {
            // 在请求成功后的数据处理
            console.log('对响应信息做拦截', res)
            return res.data; // 对响应数据做点什么
        }, err=>{
            // 对响应错误做些什么
            console.log("响应异常", err)
            return Promise.reject(err)
        });
        axios
            .get("json/data.json1")
            .then((resp) => {
                console.log(resp.data);
            }).catch(err => {
                console.log("自己处理异常");
            });

    </script>
    <body>
    </body>
</html>
